<template>
  <view class="begin_outer">
    <view class="begin_title">
      <!-- <image class="begin_title_img" src="@/static/begin/begintop.png"></image> -->
      <slot name="begintopImg"></slot>
      <view class="begin_title_headline">
        <!-- <view class="top">Hello!</view> -->
        <view class="top">
          <slot name="hellow"></slot>
        </view>
        <!-- <view class="down">欢迎来到新潮资讯</view> -->
        <view class="down">
          <slot name="titleText"></slot>

        </view>
      </view>
    </view>
    <view class="begin_content">
      <slot name="content" ></slot>
      <view class="begin_content_down_img">
        <image class="img" src="@/static/begin/begindown.png"></image>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  onLoad() { },
  methods: {
 
  },
};
</script>

<style lang="scss" scoped>
.begin_outer {
  width: 100vw;
  height: 100vh;
  overflow: hidden;

  .begin_title {
    width: 100vw;
    height: 50%;
    background: linear-gradient(180deg, #ff7007 0%, #ffa749 100%);
    position: relative;

    .begin_title_img {
      width: 126rpx;
      height: 126rpx;
      position: absolute;
      top: 62rpx;
      left: 58rpx;
    }

    .begin_title_headline {
      position: absolute;
      bottom: 225rpx;
      left: 52rpx;

      .top {
        font-size: 99rpx;
        font-family: AlibabaPuHuiTi;
        font-weight: 800;
        color: #ffffff;
      }

      .down {
        font-size: 46rpx;
        font-family: DreamHanSansSC;
        font-weight: normal;
        color: #ffffff;
      }
    }
  }

  .begin_content {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: #fffaef;
    border: 1px solid #ffecc3;
    border-radius: 128rpx 0rpx 0rpx 0rpx;
    margin-top: -162rpx;

    .begin_content_down_img {
      width: 500rpx;
      height: 500rpx;
      position: fixed;
      bottom: 0;
      right: 0;

      .img {
        width: 100%;
        height: 100%;
      }
    }
  }
}</style>
